<template>
  <div class="not-found"><img src="~@/assets/img/404.png" /></div>
</template>

<script setup lang="ts"></script>

<style scoped lang="less">
// 方案一：在div中的图片
// div {
//   /*图片地址 不重复 水平位置居中 垂直位置居中*/
//   background: url('@/assets/img/404.png') no-repeat center center;
//   height: 100%;
//   width: 100%;
//   /*把背景图片放大到适合元素容器的尺寸，图片比例不变*/
//   background-size: cover;
//   position: absolute;
//   left: 0;
//   top: 0;
// }

// 方案二：在img中的图片
img {
  width: 100%;
  height: 100%;
  /*元素的位置相对于浏览器窗口是固定位置*/
  position: fixed;
  left: 0;
  top: 0;
}
</style>
